
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
        border: 4px solid #888;
        margin:-4px;    /* Set this to minus the border thickness. */
        background-color:#fff;  
        cursor:move;            
}

/* This is for the title text. */
.cloud-zoom-title {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        position:absolute !important;
        background-color:#000;
        color:#fff;
        padding:5px;
        width:100%;
        text-align:center;      
        font-weight:bold;
        font-size:10px;
        top:2px;
        line-height:18px;
}

/* This is the zoom window. */
.cloud-zoom-big {
        border:7px solid #fff;
        overflow:hidden;
        box-shadow:0 0 8px #666;
}

/* This is the loading message. */
.cloud-zoom-loading {
        color:white;    
        background:#222;
        padding:3px;
        border:1px solid #000;
}